<template>
	<view>
	   <view class="botommd">
	     <view class="vpdd">
	        <image src="https://ayh.wissun.net/static/ayh/dqd/a9.png" mode="widthFix"/>
	     </view>
	   </view>
	
	   <view class="wdthdda">
	        <view class="updivad" >
	            <view class="itemuu" @click="chuurr2" >
	              <image src="https://ayh.wissun.net/static/ayh/dqd/a8.png" class="wd666 ppd" mode="widthFix"/>
	              <view class="fuud">出库明细</view>
	              <view class="hwd"></view>
	            </view>
	            <view class="itemuu" @click="chuurr3" v-if="role != 0">
	              <image src="https://ayh.wissun.net/static/ayh/dqd/a7.png" class="dww1"  mode="widthFix"/>
	              <view class="fuud2">入库明细</view>
	              <view class="hwd2"></view>
	            </view>
	        </view>
	        <view class="shneyubtn" @click="chuurr">产品库存</view>
	   </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				role:""
			}
		},
		onShow() {
			this.role=uni.getStorageSync("fahuo_username").role
		},
		methods: {
			//产品库存
			chuurr(){
			  uni.navigateTo({
				 url: '/pages/main/duojifahuo/churuku/kucun',
			  })
			},
			//出库明细
			chuurr2(){
			  uni.navigateTo({
				url: '/pages/main/duojifahuo/churuku/chuku',
			  })
			},
			//入库明细
			chuurr3(){
			  uni.navigateTo({
				url: '/pages/main/duojifahuo/churuku/ruku',
			  })
			},
		}
	}
</script>

<style>
.botommd{
  background-color:#009688;
 
  text-align: center;
}
.vpdd{
  margin: 0 auto;
  width: 250px;
  padding-bottom: 50px;
}
.botommd image{
  width: 100%;
}
.wdthdda{
  width: 90%;
  margin: 0 auto;
  background-color: #fff;
  height: 340px;
  top: -35px;
  position: relative;
  border-radius: 20px;
}
.itemuu{
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.itemuu image{
  width:90px;
}
.updivad{
  display: flex;
  justify-content: space-between;
  padding-top: 60px;
}
.wd666{
  width: 111px !important;
}
.fuud{
  font-weight: bold;
}
.fuud2{
  position: relative;
  top: 10px;
  font-weight: bold;
}
page{
  background-color: #f5f5f5;
}
.hwd{
  width: 30px;
  height: 2px;
  background: #c7c7c7;
  position: relative;
  top: 12px;
}
.ppd{
  position:relative;
  left: 8px;
}
.hwd2{
  width: 30px;
  height: 2px;
  background: #c7c7c7;
  position: relative;
  top: 22px;
}
.shneyubtn{
  width: 170px;
  margin: 0 auto;
  text-align: center;
  background-color: #009688;
  color: #fff;
  height: 38px;
  line-height: 38px;
  border-radius: 20px;
  font-size: 14px;
  margin-top: 68px;
}
</style>
